    {/*头部开始*/}
{if condition=" $box_is_pjax != 1 "}
<style>
 .navbar-static-top{
background-color: #fff !important;
box-shadow: 5px 0 10px #ccc;
height: 65px;
}
.skin-blue .main-header .navbar .sidebar-toggle {
    color: #666;
    display: inline-block;
    height: 100%;
}
.navbar-custom-menu{
    height: 100%;
}
.navbar-nav{
    height: 100%;
}
.dropdown{
height: 100%;
}
.dropdown-toggle{
    display: block;
    height: 100%;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover{
    background-color: #eee;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    color: #fff;
}
.navbar-nav>.user-menu .user-image {
    width: 35px;
    height: 35px;
    margin-top: 0px;
}
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{
    width: 200px;
    height: 200px;
 
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: 140px;
    padding: 10px;
    text-align: center;
    border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-footer{
 border-bottom-left-radius: 10px !important;
      border-bottom-right-radius: 10px !important;
}
.logo-lg{
    transform: scale(0.9);
     animation-name: rubberBand;
     letter-spacing: 1px;
}
/* 添加系统公告样式 */
.system_announcement{
    float: right;
    display: flex;
    height: 65px;
    align-items: center;
    margin-right: 20px;
    position: relative;
}
.announcement_btn{
    font-size: 14px;
    padding: 5px  10px;
    border: 1px solid rgba(153,153,153,0.2);
    border-radius: 5px;
    cursor: pointer;
}
.system_announcement:hover .announcement_list{
    display:flex;
}
.announcement_list{
    display: none;
    /* display:flex; */
    width: 200px;
    flex-direction:column;
    position: absolute;
    left: -200px;
    top: 16px;
    border-radius: 5px;
    border: 1px solid rgba(153,153,153,0.2);
    max-height: 256px;
    background: #fff;
    overflow-y:auto;
}
.announcement_item{
    border-bottom: 1px solid rgba(153,153,153,0.2);
    padding: 5px 10px;
    cursor: pointer;
}
.announcement_item:last-child{
    border-bottom:none;
}
.announcement_item .item_title{
    overflow: hidden;
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    -webkit-box-orient:vertical; 
    -webkit-line-clamp:2;
}
.announcement_item .item_time{
    text-align: right;
}
/* 弹窗内样式 */
.announcement_title{
    text-align: center;
    font-size: 24px;
}
.announcement_con{
    text-indent: 2em;
    font-size: 16px;
    margin-top: 10px;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}


</style>
    <header class="main-header">
        <a href="javascript:;" class="logo" style="background-color: #0E2D54; height: 65px;line-height: 65px;">
            <!-- <span class="logo-mini">{:config("project_name_simple")}</span> -->
            <span class="logo-lg rubberBand"><img style="width: 100%" src="__STATIC__/web/logo2@2x.png" alt=""></span>
        </a>
        <nav class="navbar navbar-static-top">
            
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <!--<li class="dropdown messages-menu">-->
                        <!--<a href="/" target="_blank" >$Think.lang.web_home</a>-->
                    <!--</li>-->
                    <!--<li class="dropdown messages-menu">-->
                        <!--<a href="javascript:void(0);" class="delete-one" data-url="url('Index/cleanCache')" data-id="-1" >$Think.lang.clean_cache</a>-->
                    <!--</li>-->
                    <li class="dropdown user user-menu">
                        <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
                            {php}
                            if(empty(session('user_com')['avatar'])){
                                $avatar ="__STATIC__/avatar.jpg";
                            }else{
                                $avatar = session('user_com')['avatar'];
                            }
                            {/php}
                            <img src="{$avatar}" class="user-image">

                            <span class="hidden-xs" style="color: #000;line-height: 35px;">{:session("user_com")["name"]}</span>
                        </a>
                        <ul class="dropdown-menu">
                            <li class="user-header">
                                <img src="{:session('user_com')['avatar']}" class="img-circle">
                                <p>{:session("user_com")["name"]}<small></small></p>
                            </li>
                            <li class="user-footer">
                                <div class="pull-left"><a href="{:url('User/user_set', ['id' => session('user_com')['id']])}" class="btn btn-default btn-flat">个人设置</a></div>
                                <div class="pull-right"><a href="{:url('User/login_out')}" class="btn btn-default btn-flat">退出</a></div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="system_announcement">
                <div class="announcement_btn">
                    系统公告(未读<span>{$notice_num??0}</span>条)
                </div>
                <div class="announcement_list">
                    {if condition="isset($notices)&&!empty($notices)"}
                        {volist name="notices" id="v"}
                        <div class="announcement_item" data_id="{$v.id}" is_read="{$v.is_read}">
                            <div class="item_title">{$v.title}</div>
                            <div class="item_time">{:date("Y-m-d",$v.end_time)}</div>
                        </div>
                        {/volist}
                    {/if}
                </div>
            </div>
        </nav>
    </header>
    <div class="modal fade" id="system_announcement_Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document" style="top: 30%;transform: translate(0,-50%);" >
            <div class="modal-content" style="height: unset">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-top: 3px;">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title">系统公告</h4>
                </div>
                <div class="modal-body" style="display: block;height: unsetl;width: 100%;">
                    <div class="announcement_title">{$eject.title??''}</div>
                    <div class="announcement_con">{$eject.content??''}</div>
                </div>
            </div>
        </div>
    </div>
    <!--   系统公告弹窗方法 -->
    <script type="application/javascript">
        $(document).ready(function(){
            var new_announcement = "{$eject.id??''}";
            if(new_announcement != ''){
                $('#system_announcement_Modal').modal('show');
            };
        });
        $(".announcement_list .announcement_item").click(function(){
            var announcement_id = $(this).attr("data_id");
            if($(this).attr("is_read") == 0){
                $(this).attr("is_read",1);
                var num = $(".announcement_btn span").html();
                num--;
                $(".announcement_btn span").html(num);
            }
            $.ajax({
                type: 'get',
                url: "{:url('base/sys_notcie_update')}",
                data: {'id' : announcement_id},
                dataType:"json",
                async: "false",
                success: function (data) {
                    var announcement = data.data;
                    $('#system_announcement_Modal .announcement_title').html(announcement.title);
                    $('#system_announcement_Modal .announcement_con').html(announcement.content);
                    // console.log(data);
                    $('#system_announcement_Modal').modal('show');

                }
            })
        });
    </script>
{/if}
    {/*头部结束*/}
